import React, { Component } from 'react';
import { Switch, Route, Redirect } from 'react-router-dom'
class Routerview extends Component {
  render() {
    const {  routes } = this.props
    return (
      <Switch>
        {
          routes.length > 0 && 
          routes.map((v, i) => {
            return (
              v.path 
                ? <Route key={i} path={v.path} render={ props => <v.component { ...props } routes= { v.children }></v.component> }></Route>
                : <Redirect from={v.from} to={v.to} key={ i }></Redirect>
            )
          })
        }
      </Switch>
    );
  }
}

export default Routerview;
